<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	div{
		width: 780px;
		margin:0 auto;
	}
	ul{
		list-style-type:none;
		width: 780px;	
		padding-left: 0;
	}
	ul>li{
		float:left;
		background-color:#fff;
		padding: 10px;
		margin:10px;
		border:1px solid #ccf;
	}
	body{
		background-color:#000;
		font-family: "宋体","文权驿正黑","黑体";
		font-size: 14px;
		text-align: center;
		line-height: 1em;
	}
	li:hover{
		position:relative;
		left: 2px;
		top:2px;
	}
</style>
</head>
<body>
	<div>
	<ul>
		<li class="img1">
			<img alt="" src="../images/01.jpg">
			<p>又到了秋风萧瑟的时节,</p>
		</li>
		<li class="img2">
			<img alt="" src="../images/02.jpg">
			<p>黄叶依旧,你在何方?</p>
		</li>
		<li class="img3">
			<img alt="" src="../images/03.jpg">
			<p>有你的日子,真的好!</p>
		</li>
		<li class="img4">
			<img alt="" src="../images/04.jpg">
			<p>无论是驾车,</p>
		</li>
		<li class="img5">
			<img alt="" src="../images/05.jpg">
			<p>还是泛舟,</p>
		</li>
		<li class="img6">
			<img alt="" src="../images/06.jpg">
			<p>定要把你找回!</p>
		</li>	
	</ul>
	</div>
</body>
</html>




















